$(function () {
    // 轮播图
    var arr = ['../img/ban01.jpg', '../img/ban02.jpg', '../img/ban03.jpg', '../img/ban04.jpg', '../img/ban05.jpg',];
    // 默认第一张
    $.each(arr, function (i, m) {
        var gg = document.createElement('img');
        $(gg).attr('src', m);
        $('.imgCon').append(gg);
    });
    $('.imgCon').css({
        left: 0
    })
    var derection = true;

    function time() {
        if (derection) { //向左

            $('.imgCon').stop().animate({
                left: -425
            }, function () {
                $('.imgCon').css({
                    left: 0
                });
                var i = arr.shift();
                arr.push(i);
                $('.imgCon').html('');
                $.each(arr, function (i, m) {
                    var img = document.createElement('img');
                    $(img).attr('src', m);
                    $('.imgCon').append(img);
                });
            })
        } else {

            $('.imgCon').css({
                left: -425
            });
            var i = arr.pop();
            arr.unshift(i);
            $('.imgCon').html('');
            $.each(arr, function (i, m) {
                var img = document.createElement('img');
                $(img).attr('src', m);
                $('.imgCon').append(img);
            });
            $('.imgCon').stop().animate({
                left: 0
            }, function () {

            })
        }

    }
    var timer = setInterval(time, 1500);
    $('.container').mouseover(function () {
        clearInterval(timer);
    });
    $('.container').mouseleave(function () {
        timer = setInterval(time, 1500);
        derection = true;
    });
    $('#next').click(function () {
        derection = true;
        time();
    });
    $('#prev').click(function () {
        derection = false;
        time();
    });
    // 手机李宁弹出框
    $('#head-top-right .ul').hover(function () {
        $(this).next().show();
    }, function () {
        $(this).next().hide();
    })
// 二级导航
    $("header #nav1").on("mouseover", function () {
        $('#nav ol').css('display', 'flex');
    })
    $("header #nav1").on("mouseout", function () {
        $('#nav ol').css('display', 'none');
    })

})

